<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>$route和$router区别</title>
	</head>
	<body>
		<!-- 
		 $router为vueRouter实例，想要导航到不同URL  则使用$router.push方法
		 $route为当前router跳转到对象里面可以获取name,path  query params等
		 简单来说：$router获取路径
					$route 获取值
		 
		 1.现在有一个需求  就是我们跳转到哪一个页面title就显示哪一个标题
		 第一种方法 我们可以使用生命周期函数created()
			created(){
				doucment.title='title';在创建时候就显示
			}
		第二种方法  使用全局
			router.beforEach((to,from,next) =>{
				next()
			})//箭头函数
			//前置守卫（guard）
			router.beforEach(function(to,from,next){
				document.title = to.matched[0].meta.title
				next()//必须调用
			})
			//后置钩子(hook)
			router.afterEach((to,from) =>{
				
			})
			//都是生命周期函数
			created()//创建函数
			destroyed()//销毁函数
			
		 -->
	</body>
</html>
